<template>
  <div class="slot-box">
    <Child>
      <template slot="header">
        <header>头部</header>
      </template>
      <template>
        <main>内容</main>
      </template>
      <template slot="footer">
        <footer>底部</footer>
      </template>
    </Child>
  </div>
</template>

<script>
import Child from './child.vue'
export default {
  components: {
    Child
  }
}
</script>

<style></style>
